border-top: $backdrop_bg_color;
}
- &.dnd {
+ &.before:drop(active) {
+ border-style: solid none none none;
+ border-width: 1px;
+ border-color: mix($fg_color, $selected_bg_color, 50%);
+ }
+ &.after:drop(active) {
+ border-style: none none solid none;
+ border-width: 1px;
+ border-color: mix($fg_color, $selected_bg_color, 50%);
+ }
+ &:drop(active) {
border-style: solid none;
border-width: 1px;
border-color: mix($fg_color, $selected_bg_color, 50%);
treeview.view:backdrop {
border-left-color: #676b6b;
border-top: #393f3f; }
- treeview.view.dnd {
+ treeview.view.before:drop(active) {
+ border-style: solid none none none;
+ border-width: 1px;
+ border-color: #88a6c4; }
+ treeview.view.after:drop(active) {
+ border-style: none none solid none;
+ border-width: 1px;
+ border-color: #88a6c4; }
+ treeview.view:drop(active) {
border-style: solid none;
border-width: 1px;
border-color: #88a6c4; }
treeview.view:backdrop {
border-left-color: #babbbb;
border-top: #e8e8e7; }
- treeview.view.dnd {
+ treeview.view.before:drop(active) {
+ border-style: solid none none none;
+ border-width: 1px;
+ border-color: #3c6288; }
+ treeview.view.after:drop(active) {
+ border-style: none none solid none;
+ border-width: 1px;
+ border-color: #3c6288; }
+ treeview.view:drop(active) {
border-style: solid none;
border-width: 1px;
border-color: #3c6288; }